/* Calendar Popup */

#calendarEventsArea {
    min-width: 220px;
}

.calendar-vertical-separator {
    -stipple-width: 1px;
    -stipple-color: rgba(255,255,255,0.3);
    width: 3px;
}

.calendar {
    padding: 0em 1.5em .45em 1.5em;
    spacing-rows: 0px;
    spacing-columns: 0px;
}

.calendar-month-label {
    color: #ccc;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
}

.calendar-change-month-back {
    width: 18px;
	height: 12px;
    background-image: url("img/calendar-arrow-left.svg");
}

.calendar-change-month-back:hover,
.calendar-change-month-back:active {
    background-image: url("img/calendar-arrow-left-hover.svg");
}

.calendar-change-month-back:rtl {
    background-image: url("img/calendar-arrow-right.svg");
}

.calendar-change-month-back:rtl:hover,
.calendar-change-month-back:rtl:active {
    background-image: url("img/calendar-arrow-right-hover.svg");
}

.calendar-change-month-forward {
    width: 18px;
	height: 12px;
    background-image: url("img/calendar-arrow-right.svg");
}

.calendar-change-month-forward:hover,
.calendar-change-month-forward:active {
    background-image: url("img/calendar-arrow-right-hover.svg");
}

.calendar-change-month-forward:rtl {
    background-image: url("img/calendar-arrow-left.svg");
}

.calendar-change-month-forward:rtl:hover,
.calendar-change-month-forward:rtl:active {
    background-image: url("img/calendar-arrow-left-hover.svg");
}

.datemenu-date-label {
    padding: .45em 1.5em 0em 1.5em;
    font-weight: bold;
}

.calendar-day-base {
    text-align: center;
    width: 2.4em;
    height: 2.4em;
}

.calendar-day-base:hover {
    background-color: rgba(255,255,255,0.1);
}

.calendar-day-base:active {
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.2);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.2);
}

.calendar-day-base:hover,
.calendar-day-base:active {
    color: #fff;
}

.calendar-day-heading {
    color: #ccc;
    height: 1.8em;
}

.calendar-week-number {
    color: #ccc;
}

.calendar-day {
    border: 1px solid #333;
    border-top-width: 0;
    border-left-width: 0;
    color: #ccc;
}

.calendar-day-top {
    border-top-width: 1px;
}

.calendar-day-left {
    border-left-width: 1px;
}

.calendar-nonwork-day {
    background-color: rgba(255,255,255,0.05);
}

.calendar-today,
.calendar-today:hover,
.calendar-today:active {
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.3);
    color: #fff;
    font-weight: bold;
}

.calendar-other-month-day {
    color: #666;
}

.calendar-day-with-events {
    font-weight: bold;
    color: #fff;
}

/* Events */

.events-header-vbox {
    spacing: 1em;
    padding: .55em 1.5em .45em 1.5em;
}

.events-header-hbox {
    padding-top: .5em;
}

.events-day-header {
    font-weight: bold;
}

.events-day-dayname {
    color: #999;
}

.events-day-dayname:ltr {
    text-align: left;
}

.events-day-dayname:rtl {
    text-align: right;
}

.events-day-time {
    color: #ccc;
}

.events-day-time:ltr {
    text-align: right;
}

.events-day-time:rtl {
    text-align: left;
}

.events-day-task {
    color: #999;
}

.events-day-name-box,
.events-time-box {
    min-width: 2em;
}

.events-day-name-box:ltr,
.events-time-box:ltr {
    padding-right: .5em;
}

.events-day-name-box:rtl,
.events-time-box:rtl {
    padding-left: .5em;
}
